<template>
    <div id="mCom" class="mCom">
        <el-tabs @tab-click="handleClick" value="first" type="card" v-loading="showLoading"
               element-loading-text="拼命加载中...">
            <el-tab-pane label="数据源管理" name="first">
              <dataSourceMan></dataSourceMan>
            </el-tab-pane>
            <el-tab-pane label="数据集管理" name="second">
              <dataSet></dataSet>
            </el-tab-pane>
            <el-tab-pane label="模型管理" name="third">
              <modelMan></modelMan>
            </el-tab-pane>
            <el-tab-pane label="日志管理" name="fourth">
              <logMan></logMan>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import dataSourceMan from "./data_source/dataSourceMan.vue";
import dataSet from "./data_source/dataSet.vue";
import modelMan from "./data_source/modelMan.vue";
import logMan from "./data_source/logMan.vue";
export default {
  components: { dataSourceMan, dataSet, logMan, modelMan },
  name: "",
  data() {
    return {
      showLoading: false
    };
  },
  methods: {
    // tab点击事件
    handleClick(tab, event) {}
  }
};
</script>
